﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../Portal/icons/font-icons.min.css" />
    <script type="text/javascript" src="../../Portal/js/sortjs/Sortable.min.js"></script>
    <!--- 引入代码. -->
    <script src="../../Scripts/jquery/jquery.min.js"></script>
    <script src="../../Scripts/QueryString.js" type="text/javascript"></script>
    <script src="../../Scripts/config.js" type="text/javascript"></script>
    <script src="../../Comm/Gener.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../Portal/js/vue/vue.js"></script>

    <script src="../../Scripts/layui/layui/layui.js"></script>
    <link href="../../Scripts/layui/layui/css/layui.css" rel="stylesheet" />
    <script src="../../Scripts/layui/LayuiDialog.js"></script>
    <!--    <script type="text/javascript" src="methods.js"></script>-->
    <script src="../EnumLab.js"></script>
    <style>
        .method {
            width: 100%;
        }

            .method .row {
                display: flex;
                justify-content: flex-start;
                flex: 0.2;
                height: 40px;
                line-height: 40px;
                background-color: #FAFAFA;
            }

                /*method .row .item {*/
                /*    box-sizing: border-box;*/
                /*    flex-shrink: 0;*/
                /*    text-align: center;*/
                /*    width: 20%;*/
                /*    border: 1px solid #eee;*/
                /*    font-weight: 600;*/
                /*}*/

                .method .row .item {
                    box-sizing: border-box;
                    flex-shrink: 0;
                    text-align: center;
                    border-right: 1px solid #eee;
                    border-bottom: 1px solid #eee;
                }

        .item-name {
            width: 15%;
            text-overmethod: ellipsis;
            white-space: nowrap;
            cursor: pointer;
            padding-left: 30px;
        }

        .item-other {
            width: 11%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .item-docs {
            width: 20%;
            display: flex;
            align-items: center;
            justify-content: center;
        }


        .item-index {
            background-color: #FAFAFA;
            padding-right: 40px;
            color: #999999
        }

        .item-op {
            width: 10%;
        }

        .method .row .folder-item {
            box-sizing: border-box;
            width: 68%;
            padding-left: 20px;
            cursor: pointer;
        }

        .wrapper .row {
            background-color: #fff;
        }

        #s-main {
            transition: all ease .4s;
            margin-top: 44px;
        }

        .fixed {
            position: fixed;
            top: 25px;
            left: 0;
            width: 100%;
        }

        [v-cloak] {
            display: none;
        }

        .layui-input-block > .layui-form-switch {
            margin-top: 0 !important;
        }
    </style>
    <script type="text/javascript">


        //转到菜单
        function ToMenu() {
            var moduleNo = GetQueryString("ModuleNo");
            var module = new Entity("BP.CCFast.CCMenu.Module", moduleNo);
            var url = basePath + "/WF/GPM/Menus.htm?SystemNo=" + module.SystemNo;
            window.top.vm.openTab(name, url);
        }

        //转到菜单
        function ToDictAttr() {

            var frmID = GetQueryString("FrmID");
            var url = basePath + "/WF/Comm/En.htm?EnName=BP.CCBill.FrmDict&No=" + frmID;

            OpenLayuiDialog(url, '', 9000, 0, null, false);

            //   OpenDialogAndCloseRefresh(url,"",9000,900,)
            //  window.top.vm.openTab(name, url);
        }

        //到达集合组件.
        function ToCollectionAttr() {
            var moduleNo = GetQueryString("ModuleNo");
            var module = new Entity("BP.CCFast.CCMenu.Module", moduleNo);
            var url = basePath + "/WF/CCBill/Admin/Collection.htm?SystemNo=" + module.SystemNo;
            url += "&ModuleNo=" + moduleNo;
            url += "&FrmID=" + GetQueryString("FrmID");
            window.top.vm.openTab(name, url);
        }

        function GoToFrmD() {
            var frmID = GetQueryString("FrmID");
            GoToFrmDesigner(frmID);

        }
        //打开设计表单.
        function GoToFrmDesigner(frmID) {

            if (frmID == undefined)
                frmID = GetQueryString("FrmID");

            //  var module = new Entity("BP.CCFast.CCMenu.Module", moduleNo);
            var url = basePath + "/WF/Admin/FoolFormDesigner/GoToFrmDesigner.htm?FK_MapData=" + frmID + "&FrmID=" + frmID;

            window.top.vm.openTab(frmID, url);
        }
    </script>
</head>

<body>


    <span class="layui-breadcrumb">

        <a href=""><i class="icon-home"></i>  首页</a>

        <a href="javascript:ToMenu()"><i class="icon-menu"></i>  菜单设计</a>
        <a href="javascript:GoToFrmD()"><i class="icon-diamond"></i>  表单设计器</a>
        <a href="javascript:ToDictAttr()"><i class="icon-heart"></i>  实体属性</a>

        <a><cite><font color="red">实体组件</font></cite></a>
        <a href="javascript:ToCollectionAttr()"><i class="icon-heart"></i>  列表组件</a>


    </span>


    <!--<div id="idcc">
        <i class="icon-Home"></i>\\系统\\模块\\菜单\\实体菜单\\方法设计器
    </div>-->

    <div class="method" id="method" v-cloak>

        <div class="row fixed">
            <div class="item item-other" @click="expandAll = !expandAll">
                <button class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs">
                    {{expandAll ? '折叠所有' : '展开所有'}}
                </button>
            </div>
            <div class="item item-name"><i class="icon-app"></i> 组件(方法)名</div>
            <div class="item item-other">方法模式</div>
            <div class="item item-docs">
                内容 &nbsp;&nbsp;    <!--<a href="javascript:alert('请在栏目上点右键');">+新建组件</a>-->

                <div class="item item-content">
                    <a href="https://www.bilibili.com/video/BV12P4y1p74h/" target="_blank" class="icon-camrecorder"><font color="blue">&nbsp;实体组件</font></a>
                </div>

            </div>
            <div class="item item-other">启用？</div>
            <div class="item item-other">列表显示？</div>
            <div class="item item-op">权限</div>
            <div class="item item-other">操作</div>
        </div>
        <div ref="sort-main" id="s-main">
            <div class="wrapper" v-for="(group,index) in flowNodes" :key="index" :data-no="group.No" :data-id="group.No"
                 :data-pid="group.ParentNo">
                <div class="row item-top-dp" @click="group.open = !group.open" :data-no="group.No" :data-name="group.Name" :data-idx="index" style="background-color:azure;">
                    <div class="item item-other" style="text-align: center">
                        <i v-if="group.children.length > 0" class="layui-icon" :class="group.open ? 'layui-icon-up':'layui-icon-right'"></i>
                        <i v-else=v-else class="layui-icon layui-icon-subtraction"></i>
                    </div>
                    <div class="item folder-item " :data-no="group.No" :data-name="group.Name" :data-idx="index" style="text-align:left;">
                        <span><i :class="group.Icon" style="margin-right: 8px"> </i>  {{group.Name}}</span>
                    </div>
                    <div class="item item-op" v-html="group.groupCtrlWayText" @click.stop></div>

                    <div class="item item-other " style="text-align: left; background-color:azure;">
                        <button @click.stop :data-no="group.No" :data-name="group.Name" :data-idx="index"
                                class="layui-btn layui-btn-primary layui-border-black layui-btn-sm t-btn">
                            <i class="layui-icon layui-icon-down layui-font-12"></i>目录
                        </button>
                    </div>
                </div>
                <div v-show="group.open" :data-id="group.No" ref="child-row">
                    <div class="row item-name-dp" v-for="(method,idx) in group.children" :key="idx" :data-pid="group.No"
                         :data-no="method.No" :data-name="method.Name" :data-pidx="index"
                         :data-idx="idx"
                         :data-id="method.No">
                        <div class="item item-other item-index" style="text-align: right;">{{idx + 1}}</div>

                        <div class="item item-name " @click.stop="MethodAttr(method.No)"
                             style="text-align: left" :data-no="method.No" :data-name="method.Name" :data-pidx="index"
                             :data-idx="idx">
                            <span><i :class="method.Icon" style="margin-right: 8px"> </i> {{method.Name}}</span>
                        </div>
                        <div class="item item-other">{{method.MethodModel}}</div>
                        <div class="item item-docs" v-html="method.Docs"></div>
                        <div class="item item-other">
                            <form class="layui-form" action="">
                                <div class="layui-form-item" style="margin: 0">
                                    <div class="layui-input-block" style="margin: 0" :data-id="method.No"
                                         @click="changeMethodEnableStatus(method,this)">
                                        <input type="checkbox" lay-skin="switch" lay-text="ON|OFF"
                                               :checked="parseInt(method.IsEnable) === 1">
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div class="item item-other">
                            <form class="layui-form" action="">
                                <div class="layui-form-item" style="margin: 0">
                                    <div class="layui-input-block" style="margin: 0" :data-id="method.No"
                                         @click="changeMethodListEnableStatus(method,this)">
                                        <input type="checkbox" lay-skin="switch" lay-text="ON|OFF"
                                               :checked="parseInt(method.IsList) === 1">
                                    </div>
                                </div>
                            </form>
                        </div>

                        <div class="item item-op" v-html="method.methodCtrlWayText" @click.stop></div>
                        <div class="item item-other">
                            <button class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs c-btn"
                                    :data-name="method.Name" :data-no="method.No" :data-pidx="index" :data-idx="idx">
                                <i class="layui-icon layui-icon-down layui-font-12"></i> 方法
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="Method.js"></script>

</body>

</html>
